<template>
	<view class="font-13 bg-white" style="margin: 10rpx 15rpx 15rpx 15rpx;padding: 15rpx; padding-top: 0;padding-right: 0;border-radius: 12rpx;">
		<view class="flex just-between">
			<view style="font-size: 32rpx;font-weight: bold;height: 54rpx;line-height: 54rpx;">
				单号: {{ scope.pickTaskNo }}
			</view>
			<view class="picktag">
				{{ pickTaskStatus }}
			</view>
		</view>
		<view class="" style="padding: 8rpx 15rpx 12rpx 0;font-size: 28rpx;">
			<eui-text :value="scope.areaCode" :name="scope.areaName" type="textname" title="区域" style="width: 100%;" v-if="scope.areaCode"/>
			<eui-text :value="scope.areaName" type="name2" title="区域" style="width: 100%;" v-else/>
			<eui-text :value="scope.expectDeliveryStartTime" type="rdstime2" title="最早配送时间" style="width: 100%;"/>
			<eui-text :value="scope.expectDeliveryEndTime" type="rdstime2" title="最晚配送时间" style="width: 100%;"/>
			<view style="font-size: 14px;color: #888;">涉及订单<text class="bold co-00">{{scope.orderNum}}个 </text>商品<text class="bold co-00">{{scope.goodsNum}}件 </text>重量<text class="bold co-00"> {{scope.goodsWeight}}kg</text></view>
		</view>
	</view>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue';
import { getBcmDictItem, getBcmDictName, formatPrice } from '../../../../hooks/bcmUseUntils';
import { computed, defineProps } from 'vue';
const props = defineProps<{
	scope?:any;
}>()

const pickTaskStatus = computed(() => {
	switch(props.scope?.pickTaskStatus){
		case '0':
			return '待接单'
		case '1':
			return '待拣货'
		case '2':
			return props.scope?.confluenceStatus == '1'? "已合流" :'待合流'
	}
})
</script>
<style lang="scss" scoped>
@import '../../common/common.css';

.bottom-1 {
	display: flex;
	justify-content: center;
	flex: 0 0 auto;
	height: 70rpx;
}

.picktag {
	width: 170rpx;
	height: 54rpx;
	background: #4546F9;
	border-radius: 0rpx 12rpx 0rpx 12rpx;
	color: #fff;
	font-size: 32rpx;
	font-weight: bold;
	text-align: center;
	line-height: 54rpx;
}
</style>